#region show
<template>
  <q-upload
    action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
    :max="5"
    multiple
    drag
  >
    <q-icon :size="80">
      <CloudUpload></CloudUpload>
    </q-icon>
    <p>请将文件拖放到这里</p>
  </q-upload>
</template>

<script setup lang="ts">
import { CloudUpload } from '@vicons/ionicons5'
</script>

<style scoped>
:deep(.q-upload-dragbox) {
  display: flex;
  padding: 20px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fafafc;
}
:deep(.q-upload-dragbox) .q-icon {
  color: #9b9b9c;
}
</style>
#endregion show
